<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>HuBo</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> -->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="/elm_home/moban/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="/elm_home/moban/css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="/elm_home/moban/css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="/elm_home/moban/css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="/elm_home/moban/css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="/elm_home/moban/css/owl.carousel.min.css">
	<link rel="stylesheet" href="/elm_home/moban/css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="/elm_home/moban/css/style.css">

	<!-- Modernizr JS -->
	<script src="/elm_home/moban/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	
	<div class="gtco-loader"></div>
	
	<div id="page">

	
	<div class="page-inner">
	<nav class="gtco-nav" role="navigation">
		<div class="gtco-container">
			
			<div class="row">
				<div class="col-sm-4 col-xs-12">
					<div id="gtco-logo"><a href="index.html">注册/登陆 <em></em></a></div>
				</div>
				<div class="col-xs-8 text-right menu-1">
				</div>
			</div>
			
		</div>
	</nav>
	
	<header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url(images/img_4.jpg)">
		<div class="overlay"></div>
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 col-md-offset-0 text-left">
					<div class="row row-mt-15em">
						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
							<span class="intro-text-small"><h2>欢迎来到:</h2></span>
							<h1>我的网站...</h1>	
						</div>
						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
							@if (count($errors) > 0)
						    <div class="alert alert-danger">
						        <ul>
						            @foreach ($errors->all() as $error)
						                <li>{{ $error }}</li>
						            @endforeach
						        </ul>
						    </div>
						    @endif
							<div class="form-wrap">
								<div class="tab">
									<ul class="tab-menu">
										<li class="active gtco-first"><a href="#" data-tab="signup">注册</a></li>
										<li class="gtco-second"><a href="#" data-tab="login">登陆</a></li>
									</ul>
									<div class="tab-content">
										<div class="tab-content-inner active" data-content="signup">
											<form action="/homeRegister" method="post">
												{{ csrf_field() }}
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">用户名</label>
														<input type="email"  name="email" class="form-control" id="username" placeholder="请输入有效的邮箱" >
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">密码</label>
														<input type="password" name="password" class="form-control" id="password" placeholder="请输入密码">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password2">重复密码</label>
														<input type="password" name="repassword" class="form-control" id="password2" placeholder="请再次输入密码">
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="submit" class="btn btn-primary" value="执行">
													</div>
												</div>
											</form>	
										</div>

										<div class="tab-content-inner" data-content="login">
											<form action="/homeLogin" method="post">
											{{ csrf_field() }}
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">用户名</label>
														<input type="email" name='email' class="form-control" id="username" placeholder="请输入有效的邮箱">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">密码</label>
														<input type="password" name="password" class="form-control" id="password" placeholder="请输入密码">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-6">
														<label for="password">验证码</label>
														<input type="text" name="code" class="form-control" id="password" placeholder="验证码">
													</div>
													<div class="col-md-6">
														<img src="/homeCode" style="padding-top:35px" onclick='this.src+="?id=1"'>
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="submit" class="btn btn-primary" value="执行">
													</div>
												</div>
											</form>	
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
							
					
				</div>
			</div>
		</div>
	</header>

	<footer id="gtco-footer" role="contentinfo">

	</footer>
	</div>

	</div>

	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="/elm_home/moban/js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="/elm_home/moban/js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="/elm_home/moban/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="/elm_home/moban/js/jquery.waypoints.min.js"></script>
	<!-- Carousel -->
	<script src="/elm_home/moban/js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="/elm_home/moban/js/jquery.countTo.js"></script>
	<!-- Magnific Popup -->
	<script src="/elm_home/moban/js/jquery.magnific-popup.min.js"></script>
	<script src="/elm_home/moban/js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="/elm_home/moban/js/main.js"></script>

	</body>
</html>

